<!DOCTYPE html>
<html lang="en">
<head>
	<script src="/static/js/dev.js"></script>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<!--bootstrap插件-->
	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
	<link href="/static/plugin/bootstrap/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet"/>
	<link href="/static/plugin/jo/joUI.css" rel="stylesheet"/>
	<!--字体插件-->
	<link href="/static/plugin/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
	<link href="/static/plugin/layui-2.4.3/css/layui.css" rel="stylesheet"/>
	<!--ztree-->
	<link href="/static/plugin/zTree/css/metroStyle/metroStyle.css" rel="stylesheet"/>
	<!--common-->
	<link href="/static/css/common.css" rel="stylesheet"/>
	<!--帮助手册样式-->
	<link rel="stylesheet" type="text/css" href="/static/css/help/document.css">
	<!--代码高亮-->
	<link type="text/css" rel="stylesheet" href="/static/plugin/SyntaxHighlighter/styles/shCore.css"/>
	<link type="text/css" rel="stylesheet" href="/static/plugin/SyntaxHighlighter/styles/shCoreDefault.css"/>
	<link type="text/css" rel="stylesheet" href="/static/plugin/SyntaxHighlighter/styles/shThemeDefault.css"/>
	<title>无标题文档</title>
<script>

</script>
</head>

<body style="padding:5px 10px; box-sizing:border-box; background-color:white;">
<a href="#" target="_blank" class="showAtTop">显示单页</a>
<table class="docTable">
	<tr class="docTitle">
		<td colspan="2">
			<i class="fa fa-caret-down"> </i>页签
		</td>
	</tr>
	<tr>
		<td colspan="2">
			<p>--</p>
		</td>
	</tr>
</table>

<table class="docTable">
	<tr class="docTitle">
		<td colspan="2"><i class="fa fa-caret-down"> </i>属性</td>
	</tr>
	<tr>
		<td><attr><string/>tab</attr></td>
		<td>该页签对应的元素id</td>
	</tr>
	<tr>
		<td><attr><string/>link</attr></td>
		<td>该页签对应的链接url</td>
	</tr>
	<tr>
		<td><attr><string/>calss="cur"</attr></td>
		<td>当前选中的页签</td>
	</tr>
	<tr>
		<td><attr><string/>calss="joTab"</attr></td>
		<td>表示该元素为页签，<err>ul元素</err></td>
	</tr>
	<tr>
		<td><attr><string/>calss="joTabSheet"</attr></td>
		<td>表示该元素为页签对应的页元素,<err>元素id要与页签的tab属性对应</err></td>
	</tr> 
	<tr>
		<td><attr><string/>&lt;iframe class="joTabSheet" name="joTabIframe" id="xx" .../></attr></td>
		<td>该元素为页签iframe , <err>带有link属性的页签点击会在此iframe打开该链接 , id要与页签tab属性一致</err></td>
	</tr>
</table>

<table class="docTable">
	<tr class="docTitle">
		<td colspan="2">
			<i class="fa fa-caret-down"> </i>方法
		</td>
	</tr>
	<tr>
		<td><iFunc/><string>joTabLinkProcess(link,sheet)</iFunc></td>
		<td>接口函数 , 用来处理请求地址 <br/>当带有link属性的页签点击时触发 , 返回请求的url
		<br/>参数1 : 该页签link属性<br/>参数2 : 该页签tab属性</td>
	</tr>
	
</table>
<div class="eg">
	<pre name="code" class="brush:xml;toolbar:false;" >
		<ul class="joTab">
			<li class="cur" tab="20171">2017</li>
			<li class="" tab="20161" link="http://www.baidu.com">2016</li>
			<li class="" tab="20141">2014</li>
		</ul>
		<div class="joTabSheet" id="20171">
			2017
		</div>
		<iframe class="joTabSheet" name="joTabIframe" id="20161" style="width:100%;height:100px; border:#111111 solid 1px;">
		</iframe>
		<div class="joTabSheet" id="20141">
			2014
		</div>
	</pre>
		<ul class="joTab">
			<li class="cur" tab="20171">2017</li>
			<li class="" tab="20161" link="http://www.baidu.com">2016</li>
			<li class="" tab="20141">2014</li>
		</ul>
		<div class="joTabSheet" id="20171">
			2017
		</div>
		<iframe class="joTabSheet" name="joTabIframe" id="20161" style="width:100%;height:100px; border:#111111 solid 1px;">
		</iframe>
		<div class="joTabSheet" id="20141">
			2014
		</div>
</div>

<!--配置信息-->
<script src="/static/js/config.js"></script>
<!--jquery-->
<script src="/static/plugin/jquery/jquery-3.3.1.js"></script>
<script src="/static/plugin/jquery/jquery.cookie.js"></script>
<!--bootstrap-->
<script src="/static/plugin/bootstrap/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<!--[if lt IE 9]>
<script src="/static/plugin/other/html5shiv.js"></script>
<script src="/static/plugin/other/respond.min.js"></script>
<![endif]-->
<!--layui-->
<script src="/static/plugin/layui-2.4.3/layui.all.js"></script>
<!--ztree-->
<script src="/static/plugin/zTree/js/jquery.ztree.all.js"></script>
<!--jo-->
<script src="/static/plugin/jo/jo.js"></script>
<script src="/static/plugin/jo/jo-adapt.js"></script>
<script src="/static/plugin/jo/jo-page-view.js"></script>
<script src="/static/plugin/jo/jo-page-form.js"></script>
<script src="/static/plugin/jo/jo-listener.js"></script>
<!--common-->
<script src="/static/js/common.js"></script>
<!--帮助手册js-->
<script src="/static/js/help/document.js"></script>
<!--代码高亮-->
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shCore.js"></script>
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shBrushCSharp.js"></script>
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shBrushPhp.js"></script>
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shBrushJScript.js"></script>
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shBrushJava.js"></script>
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shBrushVb.js"></script>
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shBrushSql.js"></script>
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shBrushXml.js"></script>
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shBrushDelphi.js"></script>
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shBrushPython.js"></script>
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shBrushRuby.js"></script>
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shBrushCss.js"></script>
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shBrushCpp.js"></script>
<script class="javascript">
	highLight();
</script>
</body>
</html>
